* {
  margin: 0;
  padding: 0;
}
body {
  width: 100vw;
  height: 100vh;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.black {
  &:active,
  &.active {
    /* background-image: linear-gradient(
      to right,
      #023ca1,
      #064ac0,
      #023ca1
    ); */
    background-color: #00a354 !important;
  }
}

.white {
  &:active,
  &.active {
    /* background-color: green !important; */
    background-color: #00a3f4 !important;
    color: yellow;
  }
}